<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<%@ include file="/WEB-INF/jsp/common/header.jsp" %>
<style>
	table { float:left; margin-right: 20px;}
	.row {position:relative;  float:left; width:100px; margin:3px; }
	.row span{position: absolute; top: 6px; left: 6px; cursor: pointer;color:red;}
	.row img{ width:100%; border: 1px solid gray;  }
</style>
</head>
<body class="easyui-layout">
	<div data-options="region:'west'" style="width:158px;" title="功能菜单" id="mainMenu">
		<div class="easyui-accordion" data-options="fit:true">
			<div title="配置管理">
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">站点设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">第三方账号登录设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">短信设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">上传文件设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">SEO设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">消息设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">支付方式设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">配送地区设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">权限设置</a>
			</div>
			<div title="商品管理">
				<a href="${root}/admin/category/index" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">分类管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">品牌管理</a>
				<a href="${root}/admin/attr/index" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">属性管理</a>
				<a href="${root}/admin/product/index" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">商品管理</a>
			</div>
			<div title="会员管理">
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">会员管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">积分管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">分享绑定设置</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">会员动态</a>
			</div>
			<div title="交易管理">
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">订单管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">退款退货管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">订单评价</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">投诉管理</a>
			</div>
			<div title="运营管理"></div>
			<div title="统计分析">
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">会员统计</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">店铺统计</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">商品统计</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">营销分析</a>
			</div>
			<div title="内容管理">
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">首页管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">广告位管理</a>
				<a href="#" class="easyui-linkbutton" data-options="plain:true" style="width:146px;text-align:left;">网页内容管理</a>
			</div>
		</div>
	
	</div>
	<div data-options="region:'center'">
		<div class="easyui-tabs" data-options="fit:true" id="mainTabs"></div>
	</div>
	
	<script type="text/javascript">
	$("#mainMenu .easyui-linkbutton").click(function(){
		var a = $(this);
		if(!$("#mainTabs").tabs("exists", a.text())){
			$("#mainMenu .easyui-linkbutton").linkbutton("unselect");		
			a.linkbutton("select");
			var options = {
				title: a.text(),
				closable:true,				
				iniframe:true
			};
			if(a.attr("href") != "#"){
				options.href = a.attr("href");
			}
			$("#mainTabs").tabs("add", options);
		} else {
			$("#mainTabs").tabs("select", a.text());
		}
	});
	</script>
</body>
</html>